<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#222" media="(prefers-color-scheme: dark)"><meta name="generator" content="Hexo 7.3.0">
<link rel="preconnect" href="https://cdn.staticfile.net" crossorigin>
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-round.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-round.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-round.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">



<link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/6.6.0/css/all.min.css" integrity="sha256-5eIC48iZUHmSlSUz9XtjRyK2mzQkHScZY1WdMaoz74E=" crossorigin="anonymous">

<script class="next-config" data-name="main" type="application/json">{"hostname":"wangjiezhe.gitee.io","root":"/","images":"/images","scheme":"Gemini","darkmode":true,"version":"8.21.1","exturl":true,"sidebar":{"position":"left","width_expanded":320,"width_dual_column":240,"display":"post","padding":18,"offset":12},"hljswrap":true,"copycode":{"enable":true,"style":"mac"},"fold":{"enable":false,"height":500},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":true,"lazyload":true,"pangu":false,"comments":{"style":"tabs","active":"disqusjs","storage":true,"lazyload":true,"nav":{"disqusjs":{"text":"Disqus","order":1},"giscus":{"text":"GitHub","order":2},"discussbot":{"text":"Telegram","order":3}},"activeClass":"disqusjs"},"stickytabs":false,"motion":{"enable":false,"async":true,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"top_n_per_article":1,"unescape":false,"preload":false,"style":"flat"}}</script><script src="/js/config.js"></script>

    <meta name="description" content="对比两款软件在网课教学中的优缺点">
<meta property="og:type" content="article">
<meta property="og:title" content="Notability 与 GoodNotes 在网课教学中的对比（2021版）">
<meta property="og:url" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/index.html">
<meta property="og:site_name" content="如鱼饮水">
<meta property="og:description" content="对比两款软件在网课教学中的优缺点">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/031E487E-E7B5-40F4-9040-B4B0BD5A3A3E.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/89C9DA31-01EB-4855-8236-D108A4DA6264.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/4D37A44B-68F4-422B-B790-3BC267794D21.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/FFD50F71-5E7E-4B43-9ED2-E3C7F719564D.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/DFB04710-612C-439C-9665-768F6534A326.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/3AE6F400-685F-4460-8F7C-DC0E6D313336.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/7D2DD992-B888-4530-B524-B77439BA9521.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/6FA9BFC4-7A70-43FE-8A21-620A0FF47B67.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/072BB10A-6D65-49C3-BAAF-86AA8BAA1129.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/39ACBE1B-6E62-417D-8F69-119E11A9B938.jpeg">
<meta property="og:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/E4C9B754-9C8C-47CE-90BE-0930242C4012.jpeg">
<meta property="article:published_time" content="2021-03-31T02:44:03.000Z">
<meta property="article:modified_time" content="2021-11-03T07:26:50.000Z">
<meta property="article:author" content="西风冷香">
<meta property="article:tag" content="iPad">
<meta property="article:tag" content="Notability">
<meta property="article:tag" content="GoodNotes">
<meta property="article:tag" content="笔记软件">
<meta property="article:tag" content="新冠">
<meta property="article:tag" content="网课">
<meta property="article:tag" content="ClassIn">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/031E487E-E7B5-40F4-9040-B4B0BD5A3A3E.jpeg">


<link rel="canonical" href="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/">


<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/","path":"/posts/2021-03-31-Notability-vs-GoodNotes-2021/","title":"Notability 与 GoodNotes 在网课教学中的对比（2021版）"}</script>

<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>Notability 与 GoodNotes 在网课教学中的对比（2021版） | 如鱼饮水</title>
  
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-48537410-1"></script>
  <script class="next-config" data-name="google_analytics" type="application/json">{"tracking_id":"UA-48537410-1","only_pageview":false,"measure_protocol_api_secret":null}</script>
  <script src="/js/third-party/analytics/google-analytics.js"></script>

  <script src="/js/third-party/analytics/baidu-analytics.js"></script>
  <script async src="https://hm.baidu.com/hm.js?a51d31f349bffa6e3757f7d6fca0c47f"></script>


  <script data-pjax defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{&quot;token&quot;: &quot;a64c9e77fe904641b6e6b04b0e80969c&quot;}'></script>





  <noscript>
    <link rel="stylesheet" href="/css/noscript.css">
  </noscript>
<link rel="alternate" href="/atom.xml" title="如鱼饮水" type="application/atom+xml">
<link rel="alternate" href="/rss2.xml" title="如鱼饮水" type="application/rss+xml">
</head>

<body itemscope itemtype="http://schema.org/WebPage">
  <div class="headband"></div>

  <main class="main">
    <div class="column">
      <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <p class="site-title">如鱼饮水</p>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description">冷暖自知</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger" aria-label="搜索" role="button">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a></li><li class="menu-item menu-item-links"><a href="/links/" rel="section"><i class="fa fa-link fa-fw"></i>友链</a></li><li class="menu-item menu-item-fcircle"><a href="/fcircle/" rel="section"><i class="fa fa-user-group fa-fw"></i>朋友圈</a></li><li class="menu-item menu-item-tools"><a href="/tools/" rel="section"><i class="fa fa-rocket fa-fw"></i>工具</a></li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup">
      <div class="search-header">
        <span class="search-icon">
          <i class="fa fa-search"></i>
        </span>
        <div class="search-input-container">
          <input autocomplete="off" autocapitalize="off" maxlength="80"
                placeholder="搜索..." spellcheck="false"
                type="search" class="search-input">
        </div>
        <span class="popup-btn-close" role="button">
          <i class="fa fa-times-circle"></i>
        </span>
      </div>
      <div class="search-result-container">
        <div class="search-result-icon">
          <i class="fa fa-spinner fa-pulse fa-5x"></i>
        </div>
      </div>
    </div>
  </div>

</header>
        
  
  <aside class="sidebar">

    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
      <ul class="sidebar-nav">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <div class="sidebar-panel-container">
        <!--noindex-->
        <div class="post-toc-wrap sidebar-panel">
            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-Notability-%E7%9A%84%E4%BC%98%E7%82%B9"><span class="nav-text">1. Notability 的优点</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-1-%F0%9F%91%8D%F0%9F%91%8D%F0%9F%91%8D%E8%99%9A%E7%BA%BF%E5%8A%9F%E8%83%BD"><span class="nav-text">1.1. 👍👍👍虚线功能</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-2-%F0%9F%91%8D%F0%9F%91%8D%E6%94%AF%E6%8C%81-WebDAV-%E5%8A%9F%E8%83%BD"><span class="nav-text">1.2. 👍👍支持 WebDAV 功能</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-3-%F0%9F%91%8D%F0%9F%91%8D%F0%9F%91%8D%E5%B7%A5%E5%85%B7%E6%94%B6%E8%97%8F%E5%8A%9F%E8%83%BD"><span class="nav-text">1.3. 👍👍👍工具收藏功能</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-GoodNotes-%E7%9A%84%E4%BC%98%E7%82%B9"><span class="nav-text">2. GoodNotes 的优点</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#2-1-%F0%9F%91%8D%F0%9F%91%8D%F0%9F%91%8D%E6%8A%98%E7%BA%BF%E5%8A%9F%E8%83%BD"><span class="nav-text">2.1. 👍👍👍折线功能</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-2-%F0%9F%91%8D%E5%8E%8B%E6%84%9F%E5%8F%AF%E8%B0%83"><span class="nav-text">2.2. 👍压感可调</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-3-%F0%9F%91%8D%E8%87%AA%E5%8A%A8%E5%A1%AB%E5%85%85%E5%8A%9F%E8%83%BD"><span class="nav-text">2.3. 👍自动填充功能</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-4-%F0%9F%91%8D%E6%BF%80%E5%85%89%E7%AC%94%E9%9A%8F%E6%97%B6%E5%8F%AF%E7%94%A8"><span class="nav-text">2.4. 👍激光笔随时可用</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-5-%F0%9F%91%8D%E6%94%AF%E6%8C%81%E5%A4%A7%E7%BA%B2"><span class="nav-text">2.5. 👍支持大纲</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-6-%F0%9F%91%8D%E6%94%AF%E6%8C%81%E6%89%B9%E9%87%8F%E7%BC%96%E8%BE%91%E9%A1%B5%E9%9D%A2"><span class="nav-text">2.6. 👍支持批量编辑页面</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-Notability-%E7%9A%84%E7%97%9B%E7%82%B9"><span class="nav-text">3. Notability 的痛点</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#3-1-%F0%9F%91%8E%F0%9F%91%8E%F0%9F%91%8EBug"><span class="nav-text">3.1. 👎👎👎Bug</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3-2-%F0%9F%91%8E%F0%9F%91%8E%E6%96%87%E4%BB%B6%E5%B1%82%E7%BA%A7%E5%A4%AA%E5%B0%91"><span class="nav-text">3.2. 👎👎文件层级太少</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#4-GoodNotes-%E7%9A%84%E7%97%9B%E7%82%B9"><span class="nav-text">4. GoodNotes 的痛点</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#4-1-%F0%9F%91%8E%F0%9F%91%8E%F0%9F%91%8EBug"><span class="nav-text">4.1. 👎👎👎Bug</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-2-%F0%9F%91%8E%F0%9F%91%8E%F0%9F%91%8E%E6%8A%95%E5%BD%B1%E4%BD%8D%E7%BD%AE%E4%B8%8D%E5%AF%B9"><span class="nav-text">4.2. 👎👎👎投影位置不对</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-3-%F0%9F%91%8E%F0%9F%91%8E%F0%9F%91%8E%E7%AC%94%E7%94%BB%E9%A2%9C%E8%89%B2%E5%A4%AA%E5%B0%91"><span class="nav-text">4.3. 👎👎👎笔画颜色太少</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4-4-%F0%9F%91%8E%E6%A9%A1%E7%9A%AE%E5%A4%A7%E5%B0%8F%E4%B8%8D%E5%8F%AF%E8%B0%83"><span class="nav-text">4.4. 👎橡皮大小不可调</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#5-%E6%88%91%E7%9B%AE%E5%89%8D%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F"><span class="nav-text">5. 我目前的使用方式</span></a></li></ol></div>
        </div>
        <!--/noindex-->

        <div class="site-overview-wrap sidebar-panel">
          <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="西风冷香"
      src="/images/avatar.jpg">
  <p class="site-author-name" itemprop="name">西风冷香</p>
  <div class="site-description" itemprop="description">某不知名机构不知名数学老师</div>
</div>
<div class="site-state-wrap animated">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
        <a href="/archives/">
          <span class="site-state-item-count">67</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
          <a href="/categories/">
        <span class="site-state-item-count">19</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
          <a href="/tags/">
        <span class="site-state-item-count">103</span>
        <span class="site-state-item-name">标签</span></a>
      </div>
  </nav>
</div>
  <div class="links-of-author animated">
      <span class="links-of-author-item">
        <span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL3dhbmdqaWV6aGU=" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;wangjiezhe"><i class="fab fa-github fa-fw"></i></span>
      </span>
      <span class="links-of-author-item">
        <span class="exturl" data-url="bWFpbHRvOndhbmdqaWV6aGVAZ21haWwuY29t" title="E-Mail → mailto:wangjiezhe@gmail.com"><i class="fa fa-envelope fa-fw"></i></span>
      </span>
      <span class="links-of-author-item">
        <span class="exturl" data-url="aHR0cHM6Ly90d2l0dGVyLmNvbS93YW5namllemhl" title="Twitter → https:&#x2F;&#x2F;twitter.com&#x2F;wangjiezhe"><i class="fab fa-twitter fa-fw"></i></span>
      </span>
      <span class="links-of-author-item">
        <span class="exturl" data-url="aHR0cHM6Ly90Lm1lL3dhbmdqaWV6aGU=" title="Telegram → https:&#x2F;&#x2F;t.me&#x2F;wangjiezhe"><i class="fab fa-telegram fa-fw"></i></span>
      </span>
  </div>
<div id="time-now">
  <canvas id="canvas" style="width:60%;">当前浏览器不支持canvas，请更换浏览器后再试</canvas>
</div>
<script>
(function(){

  var digit=
    [
      [
        [0,0,1,1,1,0,0],
        [0,1,1,0,1,1,0],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,0,1,1,0],
        [0,0,1,1,1,0,0]
      ],//0
      [
        [0,0,0,1,1,0,0],
        [0,1,1,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [1,1,1,1,1,1,1]
      ],//1
      [
        [0,1,1,1,1,1,0],
        [1,1,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,0,0],
        [0,0,1,1,0,0,0],
        [0,1,1,0,0,0,0],
        [1,1,0,0,0,0,0],
        [1,1,0,0,0,1,1],
        [1,1,1,1,1,1,1]
      ],//2
      [
        [1,1,1,1,1,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,0,0],
        [0,0,1,1,1,0,0],
        [0,0,0,0,1,1,0],
        [0,0,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,1,1,0]
      ],//3
      [
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,1,0],
        [0,0,1,1,1,1,0],
        [0,1,1,0,1,1,0],
        [1,1,0,0,1,1,0],
        [1,1,1,1,1,1,1],
        [0,0,0,0,1,1,0],
        [0,0,0,0,1,1,0],
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,1,1]
      ],//4
      [
        [1,1,1,1,1,1,1],
        [1,1,0,0,0,0,0],
        [1,1,0,0,0,0,0],
        [1,1,1,1,1,1,0],
        [0,0,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,1,1,0]
      ],//5
      [
        [0,0,0,0,1,1,0],
        [0,0,1,1,0,0,0],
        [0,1,1,0,0,0,0],
        [1,1,0,0,0,0,0],
        [1,1,0,1,1,1,0],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,1,1,0]
      ],//6
      [
        [1,1,1,1,1,1,1],
        [1,1,0,0,0,1,1],
        [0,0,0,0,1,1,0],
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,0,0],
        [0,0,0,1,1,0,0],
        [0,0,1,1,0,0,0],
        [0,0,1,1,0,0,0],
        [0,0,1,1,0,0,0],
        [0,0,1,1,0,0,0]
      ],//7
      [
        [0,1,1,1,1,1,0],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,1,1,0],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,1,1,0]
      ],//8
      [
        [0,1,1,1,1,1,0],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [1,1,0,0,0,1,1],
        [0,1,1,1,0,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,0,1,1],
        [0,0,0,0,1,1,0],
        [0,0,0,1,1,0,0],
        [0,1,1,0,0,0,0]
      ],//9
      [
        [0,0,0,0,0,0,0],
        [0,0,1,1,1,0,0],
        [0,0,1,1,1,0,0],
        [0,0,1,1,1,0,0],
        [0,0,0,0,0,0,0],
        [0,0,0,0,0,0,0],
        [0,0,1,1,1,0,0],
        [0,0,1,1,1,0,0],
        [0,0,1,1,1,0,0],
        [0,0,0,0,0,0,0]
      ]//:
    ];

  var canvas = document.getElementById('canvas');

  if(canvas.getContext){
    var cxt = canvas.getContext('2d');
    //声明canvas的宽高
    var H = 100,W = 700;
    canvas.height = H;
    canvas.width = W;
    cxt.fillStyle = '#f00';
    cxt.fillRect(10,10,50,50);
  
    //存储时间数据
    var data = [];
    //存储运动的小球
    var balls = [];
    //设置粒子半径
    var R = canvas.height/20-1;
    (function(){
      var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
      //存储时间数字，由十位小时、个位小时、冒号、十位分钟、个位分钟、冒号、十位秒钟、个位秒钟这7个数字组成
      data.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
    })();
  
    /*生成点阵数字*/
    function renderDigit(index,num){
      for(var i = 0; i < digit[num].length; i++){
        for(var j = 0; j < digit[num][i].length; j++){
          if(digit[num][i][j] == 1){
            cxt.beginPath();
            cxt.arc(14*(R+2)*index + j*2*(R+1)+(R+1),i*2*(R+1)+(R+1),R,0,2*Math.PI);
            cxt.closePath();
            cxt.fill();
          }
        }
      }
    }
  
    /*更新时钟*/
    function updateDigitTime(){
      var changeNumArray = [];
      var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
      var NewData = [];
      NewData.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
      for(var i = data.length-1; i >=0 ; i--){
        //时间发生变化
        if(NewData[i] !== data[i]){
          //将变化的数字值和在data数组中的索引存储在changeNumArray数组中
          changeNumArray.push(i+'_'+(Number(data[i])+1)%10);
        }
      }
      //增加小球
      for(var i = 0; i< changeNumArray.length; i++){
        addBalls.apply(this,changeNumArray[i].split('_'));
      }
      data = NewData.concat();
    }
  
    /*更新小球状态*/
    function updateBalls(){
      for(var i = 0; i < balls.length; i++){
        balls[i].stepY += balls[i].disY;
        balls[i].x += balls[i].stepX;
        balls[i].y += balls[i].stepY;
        if(balls[i].x > W + R || balls[i].y > H + R){
          balls.splice(i,1);
          i--;
        }
      }
    }
  
    /*增加要运动的小球*/
    function addBalls(index,num){
      var numArray = [1,2,3];
      var colorArray =  ["#3BE","#09C","#A6C","#93C","#9C0","#690","#FB3","#F80","#F44","#C00"];
      for(var i = 0; i < digit[num].length; i++){
        for(var j = 0; j < digit[num][i].length; j++){
          if(digit[num][i][j] == 1){
            var ball = {
              x:14*(R+2)*index + j*2*(R+1)+(R+1),
              y:i*2*(R+1)+(R+1),
              stepX:Math.floor(Math.random() * 4 -2),
              stepY:-2*numArray[Math.floor(Math.random()*numArray.length)],
              color:colorArray[Math.floor(Math.random()*colorArray.length)],
              disY:1
            };
            balls.push(ball);
          }
        }
      }
    }
  
    /*渲染*/
    function render(){
      //重置画布宽度，达到清空画布的效果
      canvas.height = 100;
      //渲染时钟
      for(var i = 0; i < data.length; i++){
        renderDigit(i,data[i]);
      }
      //渲染小球
      for(var i = 0; i < balls.length; i++){
        cxt.beginPath();
        cxt.arc(balls[i].x,balls[i].y,R,0,2*Math.PI);
        cxt.fillStyle = balls[i].color;
        cxt.closePath();
        cxt.fill();
      }
    }
  
    clearInterval(oTimer);
    var oTimer = setInterval(function(){
      //更新时钟
      updateDigitTime();
      //更新小球状态
      updateBalls();
      //渲染
      render();
    },50);
  }

})();
</script>

<div id="site-days"></div>
<script>
  function show_date_time() {
    window.setTimeout("show_date_time()", 1000);
    BirthDay = new Date("2014/01/10 13:29:55");
    today = new Date();
    timeold = (today.getTime() - BirthDay.getTime());
    sectimeold = timeold / 1000;
    secondsold = Math.floor(sectimeold);
    msPerDay = 24 * 60 * 60 * 1000;
    e_daysold = timeold / msPerDay;
    daysold = Math.floor(e_daysold);
    e_hrsold = (e_daysold - daysold) * 24;
    hrsold = setzero(Math.floor(e_hrsold));
    e_minsold = (e_hrsold - hrsold) * 60;
    minsold = setzero(Math.floor((e_hrsold - hrsold) * 60));
    seconds = setzero(Math.floor((e_minsold - minsold) * 60));
    document.getElementById('site-days').innerHTML = "已运行" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
  }

  function setzero(i) {
    if (i < 10) {
      i = "0" + i
    }
    return i;
  }

  show_date_time();
</script>

        </div>
      </div>
    </div>

    
        <div class="pjax">
        <div class="sidebar-inner sidebar-post-related">
          <div class="animated">
              <div class="links-of-blogroll-title"><i class="fa fa-signs-post fa-fw"></i>
    相关文章
  </div>
  <ul class="popular-posts">
    <li class="popular-posts-item">
      <a class="popular-posts-link" href="/posts/2020-06-22-Notability-vs-GoodNotes/" rel="bookmark">
        <time class="popular-posts-time">2020-06-29</time>
        <br>
      Notability 与 GoodNotes 在网课教学中的对比（2020版）
      </a>
    </li>
  </ul>

          </div>
        </div>
        </div>
  </aside>


    </div>

    <div class="main-inner post posts-expand">


  


<div class="post-block">
  
  

  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="西风冷香">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="如鱼饮水">
      <meta itemprop="description" content="某不知名机构不知名数学老师">
    </span>

    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
      <meta itemprop="name" content="Notability 与 GoodNotes 在网课教学中的对比（2021版） | 如鱼饮水">
      <meta itemprop="description" content="对比两款软件在网课教学中的优缺点">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          Notability 与 GoodNotes 在网课教学中的对比（2021版）
        </h1>

        <div class="post-meta-container">
          <div class="post-meta">
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar"></i>
      </span>
      <span class="post-meta-item-text">发表于</span>

      <time title="创建时间：2021-03-31 10:44:03" itemprop="dateCreated datePublished" datetime="2021-03-31T10:44:03+08:00">2021-03-31</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar-check"></i>
      </span>
      <span class="post-meta-item-text">更新于</span>
      <time title="修改时间：2021-11-03 15:26:50" itemprop="dateModified" datetime="2021-11-03T15:26:50+08:00">2021-11-03</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-folder"></i>
      </span>
      <span class="post-meta-item-text">分类于</span>
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%B7%A5%E4%BD%9C/" itemprop="url" rel="index"><span itemprop="name">工作</span></a>
        </span>
    </span>

  
    <span class="post-meta-item" title="阅读次数" id="busuanzi_container_page_pv">
      <span class="post-meta-item-icon">
        <i class="far fa-eye"></i>
      </span>
      <span class="post-meta-item-text">阅读次数：</span>
      <span id="busuanzi_value_page_pv"></span>
    </span>
    <span class="post-meta-break"></span>
    <span class="post-meta-item" title="本文字数">
      <span class="post-meta-item-icon">
        <i class="far fa-file-word"></i>
      </span>
      <span class="post-meta-item-text">本文字数：</span>
      <span>3.4k</span>
    </span>
    <span class="post-meta-item" title="阅读时长">
      <span class="post-meta-item-icon">
        <i class="far fa-clock"></i>
      </span>
      <span class="post-meta-item-text">阅读时长 &asymp;</span>
      <span>8 分钟</span>
    </span>
</div>

            <div class="post-description">对比两款软件在网课教学中的优缺点</div>
        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody"><div class="note primary"><p>2021年11月2日更新：<br />
Notability 转为订阅制，每年80元，老用户仅获赠一年订阅期。<br />
看来以后新的笔记，都要使用 GoodNotes 了。</p>
<p>2021年11月3日更新：<br />
一天之后，Notability 顶不出压力了，改为承诺老用户已购买的功能始终可用。</p>
</div>
<p>在去年春季的时候，我写下了 <a href="/posts/2020-06-22-Notability-vs-GoodNotes/" title="Notability 与 GoodNotes 在网课教学中的对比（2020版）">Notability 与 GoodNotes 在网课教学中的对比（2020版）</a>，比较了 Notability 和 GoodNotes 两个软件在使用投屏功能进行教学中各自有优点和缺点。</p>
<p>本以为上完暑假课时候，就不需要再上网课了，结果经历了今年年初疫情的反复，直到现在也还没有恢复线下上课。因此又不得不继续上网课。</p>
<p>目前一年过去了，两个软件都进行了大量的更新，例如，Notability 先后增加了投屏功能、工具收藏功能、复制背景功能，GoodNotes 更新了长按自动修正功能等，二者都已经把基本的功能补齐了。从开始各自都有一些不能容忍的问题，到基本上都能够胜任所有的教学内容，目前来看，两者只有一些细节的差异，以及个人喜好的影响。</p>
<p>因此，如果有新人想要尝试的话，只需要任意选择其中一个就可以了。</p>
<div class="note primary"><p>最近 Notability 大幅降价，我购买的时候是 「本体（含手写识别）」68元，后来又买了「数学识别」18元，一共86元；而现在只需要「本体」25元，「手写识别」6元，「数学识别」6元，一共37元。这样算下来比「GoodNotes」40元还要划算！</p>
<p>这可能是近几年最大幅度的一次降价了。</p>
</div>
<p>但是，毕竟还是两个相互竞争的软件，因此两者还是有一些差异性的功能。这里面在比较的时候，「优点」是指该软件有这个功能，而另外一个没有，而且是属于锦上添花的功能，即使没有也可以使用；而「痛点」则是指因为该功能的缺失导致软件使用起来很不方便，甚至会导致直接弃用该软件。</p>
<div class="note danger"><p>注意：两款软件都在不断更新，并且不断添加新的功能，因此后面所说的可能与您现在所用到的功能并不完全相同。请注意本文的更新日期。</p>
</div>
<h2 id="1-Notability-的优点"><a class="header-anchor" href="#1-Notability-的优点"></a>1. Notability 的优点</h2>
<h3 id="1-1-👍👍👍虚线功能"><a class="header-anchor" href="#1-1-👍👍👍虚线功能"></a>1.1. 👍👍👍虚线功能</h3>
<p>Notability 现在新增了虚线和点线的功能，这个在讲几何画辅助线的时候非常好用。</p>
<p><img data-src="031E487E-E7B5-40F4-9040-B4B0BD5A3A3E.jpeg" alt="" /></p>
<p>从这个功能，可以看出，Notability 的官方是看到了疫情所导致的学生和老师对于电子化教学及学习的需求。</p>
<h3 id="1-2-👍👍支持-WebDAV-功能"><a class="header-anchor" href="#1-2-👍👍支持-WebDAV-功能"></a>1.2. 👍👍支持 WebDAV 功能</h3>
<p>这点结合坚果云网盘，实现了可用的网络备份和导出的功能。</p>
<p><img data-src="89C9DA31-01EB-4855-8236-D108A4DA6264.jpeg" alt="" /><br />
<img data-src="4D37A44B-68F4-422B-B790-3BC267794D21.jpeg" alt="" /></p>
<p>再结合坚果云的电脑端，可以方便地将写好的笔记同步到电脑中。</p>
<p>否则，就只有 Onedrive 可用了。</p>
<h3 id="1-3-👍👍👍工具收藏功能"><a class="header-anchor" href="#1-3-👍👍👍工具收藏功能"></a>1.3. 👍👍👍工具收藏功能</h3>
<p>之前在没有添加这个功能的时候，Notability 切换笔的颜色的时候是比较麻烦的，每次切换颜色都至少要点2下才可以。而现在可以通过收藏功能，保存常用的笔的粗细、形状和颜色，方便切换。</p>
<p><img data-src="FFD50F71-5E7E-4B43-9ED2-E3C7F719564D.jpeg" alt="" /></p>
<p>而且，收藏的数量，也从最开始的8个，增加到了现在的12个，基本上满足了我的需要，90%的时间我都不需要再点进去切换颜色了。</p>
<h2 id="2-GoodNotes-的优点"><a class="header-anchor" href="#2-GoodNotes-的优点"></a>2. GoodNotes 的优点</h2>
<h3 id="2-1-👍👍👍折线功能"><a class="header-anchor" href="#2-1-👍👍👍折线功能"></a>2.1. 👍👍👍折线功能</h3>
<p>Notability 能画的图形包括直线段、抛物线、多边形和椭圆，而 GoodNotes 还能画折线段。</p>
<p><img data-src="DFB04710-612C-439C-9665-768F6534A326.jpeg" alt="" /></p>
<p>这点在几何作图中非常有用，其中最为常见的一个场景就是标记直角。</p>
<h3 id="2-2-👍压感可调"><a class="header-anchor" href="#2-2-👍压感可调"></a>2.2. 👍压感可调</h3>
<p>在 GoodNotes 中，钢笔工具的压力敏感度和笔尖粗细都是可以调的，这大大增加了钢笔功能的可用性。</p>
<p><img data-src="3AE6F400-685F-4460-8F7C-DC0E6D313336.jpeg" alt="" /></p>
<p>经过多次试验比较，我选择「压力敏感度」最小、「笔尖」25%的钢笔作为日常使用的笔画工具。</p>
<p>作为对比，Notability 只能使用粗细不变的笔画作为主要工具。</p>
<h3 id="2-3-👍自动填充功能"><a class="header-anchor" href="#2-3-👍自动填充功能"></a>2.3. 👍自动填充功能</h3>
<p>GoodNotes 支持在画完一个封闭图形之后，自动填充阴影。而且在擦掉图形之后，阴影还是会保留。这样就可以省去使用荧光笔涂满整个区域的麻烦，而且比荧光笔涂地要标准很多。</p>
<p><img data-src="7D2DD992-B888-4530-B524-B77439BA9521.jpeg" alt="" /></p>
<p>不过可惜的是，默认的阴影颜色太浅了，投屏之后几乎看不清，所以还是太实用。</p>
<h3 id="2-4-👍激光笔随时可用"><a class="header-anchor" href="#2-4-👍激光笔随时可用"></a>2.4. 👍激光笔随时可用</h3>
<p>这点对于上课来说其实没有什么影响，但是在备课的时候，可以用激光笔随便写画，就不用担心写乱了还得擦的麻烦。</p>
<h3 id="2-5-👍支持大纲"><a class="header-anchor" href="#2-5-👍支持大纲"></a>2.5. 👍支持大纲</h3>
<p>如果导入的 PDF 是带目录的，则会转换为 GoodNotes 文件中的大纲，这在比较长的文件中跳转起来比较方便。</p>
<p><img data-src="6FA9BFC4-7A70-43FE-8A21-620A0FF47B67.jpeg" alt="" /></p>
<p>不过由于使用 GoodNotes 的时候都得做成 PPT，每讲一个 PPT 的话，其实也就不需要目录的。所以这个功能目前对于上课来说意义不大。</p>
<h3 id="2-6-👍支持批量编辑页面"><a class="header-anchor" href="#2-6-👍支持批量编辑页面"></a>2.6. 👍支持批量编辑页面</h3>
<p>主要是可以批量删除页面。而在 Notability 中，只能一页一页的删。</p>
<h2 id="3-Notability-的痛点"><a class="header-anchor" href="#3-Notability-的痛点"></a>3. Notability 的痛点</h2>
<h3 id="3-1-👎👎👎Bug"><a class="header-anchor" href="#3-1-👎👎👎Bug"></a>3.1. 👎👎👎Bug</h3>
<p>最近，Notability 在投屏的时候有一个奇怪的 bug，就是直接打开一个文件投屏的时候，电脑上显示是黑的；但是如果我开分屏的话，就是同时打开两个文件，却可以正常地显示其中一个文件。</p>
<p>好在这对我来说影响不大，因为我一般是同时开两个文件，左边是提前备课用的教师版，右边是投屏书写的学生版。</p>
<h3 id="3-2-👎👎文件层级太少"><a class="header-anchor" href="#3-2-👎👎文件层级太少"></a>3.2. 👎👎文件层级太少</h3>
<p>Notability 的文件分级只有三层：分割栏-主题-文件。这个在我看来有些不够用。</p>
<p>因为我的 Notablility 里还有很多别的笔记，因此上课用的讲义我都放在同一个分割栏，这样实际能用的就只有两层了。因此我基本上是一期课占一个主题，然后里面放对应的讲义。但如果由一个课里有很多讲义（例如需要分讲次）那就麻烦了，这个时候我就得单独地把这个课列为一个主题。</p>
<p><img data-src="072BB10A-6D65-49C3-BAAF-86AA8BAA1129.jpeg" alt="" /></p>
<p>好在，使用 Notability 不需要像 GoodNotes 那样，必须得做成 PPT 的格式，这样对于大部分的课程，每个课就只需要两个文件就足够了。因此即使把一期课中所有的讲义放到一起，也不会乱的分不清。</p>
<p>目前来看还没有什么问题，因为毕竟用的时间还比较短。如果时间长了的话，肯定会显得比较乱。</p>
<h2 id="4-GoodNotes-的痛点"><a class="header-anchor" href="#4-GoodNotes-的痛点"></a>4. GoodNotes 的痛点</h2>
<h3 id="4-1-👎👎👎Bug"><a class="header-anchor" href="#4-1-👎👎👎Bug"></a>4.1. 👎👎👎Bug</h3>
<p>最近，不知道是因为适配最新的 iPadOS 有问题，还是笔记太多导致的问题，GoodNotes 在使用的时候经常卡死。 具体表现为还能够写字，但是橡皮不能使用。如果一段时间不管的话会闪退。而且再进来后会发现，最后写的那些其实并没有保存。</p>
<p>这个 bug 最近触发的频率非常高，几乎到了一天一次的地步。希望能够尽快修复。</p>
<h3 id="4-2-👎👎👎投影位置不对"><a class="header-anchor" href="#4-2-👎👎👎投影位置不对"></a>4.2. 👎👎👎投影位置不对</h3>
<p>如果直接把讲义投屏的话，会发现屏幕显示的和 iPad 上显示的不一样，因此会出现在 iPad 上写的正常，但是屏幕上已经超出边界，导致学生看不到的情况。</p>
<p>因此，使用 GoodNotes 如果用原始的学生版讲义不调格式的话，用起来就非常不方便。所以我在使用的 GoodNotes 的时候，都是提前调整好讲义的格式，一页只放一道题，做成类似 PPT 的形式。</p>
<p>具体的调整参数在上一篇文章中已经写了，这里就不再赘述了。</p>
<h3 id="4-3-👎👎👎笔画颜色太少"><a class="header-anchor" href="#4-3-👎👎👎笔画颜色太少"></a>4.3. 👎👎👎笔画颜色太少</h3>
<p>GoodNotes 只能同时显示3种不同的颜色，这个在实际使用时并不够。</p>
<p><img data-src="39ACBE1B-6E62-417D-8F69-119E11A9B938.jpeg" alt="" /></p>
<p>我在讲几何题的时候一般至少会用到4种颜色，这就导致我需要经常切换颜色，非常的麻烦，操作起来也显得手忙脚乱。经常会出现刚切换了一个颜色结果又要切换回去的情况。</p>
<h3 id="4-4-👎橡皮大小不可调"><a class="header-anchor" href="#4-4-👎橡皮大小不可调"></a>4.4. 👎橡皮大小不可调</h3>
<p>橡皮只有三种固定的大小，因此才擦除一些比较紧凑的图形的时候，经常会误擦掉其它的图形。这点 Notability 做的就比较好，使用最小的橡皮就可以解决这个问题了。</p>
<p><img data-src="E4C9B754-9C8C-47CE-90BE-0930242C4012.jpeg" alt="" /></p>
<p>不过 GoodNotes 也不是没有解决问题的方法，主要的原理是当页面放大的时候，橡皮并不会跟着放大。因此如果需要擦一个小东西的话，可以先将整个屏幕放大，然后再擦掉。这点结合 GoodNotes 的投屏不显示缩放功能可以解决这个问题。</p>
<h2 id="5-我目前的使用方式"><a class="header-anchor" href="#5-我目前的使用方式"></a>5. 我目前的使用方式</h2>
<p>可以看出，GoodNotes 优点多，痛点也多，因此具体使用那个软件，主要是看 GoodNotes 的优点是否足够吸引人，以及能否容忍它的痛点。</p>
<p>上面说了这么多，其实对我上课影响最大的就是有两个，一个是 GoodNotes 的折线功能，另外一个是 GoodNotes 的投屏Bug。</p>
<p>因此，如果在课程里有涉及到初中平面几何的部分，我就使用 GoodNotes，然后提前做好 PPT。具体的调整参数在前一篇文章中有写出，这里就不再赘述。</p>
<p>如果整个一期课都没有上述内容的话，比如讲初中开始的代数部分，以及中后期的函数部分，以及高中的内容，我都用 Notability，这样一方面可以省去调整讲义的麻烦，另一方面 Notability 的工具用起来比 GoodNotes 要方便。</p>

    </div>

    
    
    

    <footer class="post-footer">
          

<div class="post-copyright">
<ul>
  <li class="post-copyright-author">
      <strong>本文作者： </strong>西风冷香
  </li>
  <li class="post-copyright-link">
      <strong>本文链接：</strong>
      <a href="https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/" title="Notability 与 GoodNotes 在网课教学中的对比（2021版）">https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/</a>
  </li>
  <li class="post-copyright-license">
      <strong>版权声明： </strong>本博客所有文章除特别声明外，均采用 <span class="exturl" data-url="aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzQuMC9kZWVkLnpo"><i class="fab fa-fw fa-creative-commons"></i>BY-NC-SA</span> 许可协议。转载请注明出处！
  </li>
</ul>
</div>

          <div class="followme">
  <span>欢迎关注我的其它发布渠道</span>

  <div class="social-list">

      <div class="social-item">
          <span class="social-link">
            <span class="icon">
              <i class="fab fa-weixin"></i>
            </span>

            <span class="label">WeChat</span>
          </span>

          <img class="social-item-img" src="/images/wechat_channel.jpg">
      </div>

      <div class="social-item">
          <a target="_blank" class="social-link" href="/atom.xml">
            <span class="icon">
              <i class="fa fa-rss"></i>
            </span>

            <span class="label">RSS</span>
          </a>
      </div>
  </div>
</div>

          <div class="post-tags">
              <a href="/tags/iPad/" rel="tag"><i class="fa fa-tag"></i> iPad</a>
              <a href="/tags/Notability/" rel="tag"><i class="fa fa-tag"></i> Notability</a>
              <a href="/tags/GoodNotes/" rel="tag"><i class="fa fa-tag"></i> GoodNotes</a>
              <a href="/tags/%E7%AC%94%E8%AE%B0%E8%BD%AF%E4%BB%B6/" rel="tag"><i class="fa fa-tag"></i> 笔记软件</a>
              <a href="/tags/%E6%96%B0%E5%86%A0/" rel="tag"><i class="fa fa-tag"></i> 新冠</a>
              <a href="/tags/%E7%BD%91%E8%AF%BE/" rel="tag"><i class="fa fa-tag"></i> 网课</a>
              <a href="/tags/ClassIn/" rel="tag"><i class="fa fa-tag"></i> ClassIn</a>
          </div>

        

          <div class="post-nav">
            <div class="post-nav-item">
                <a href="/posts/2021-03-30-add-link-page/" rel="prev" title="Hexo NexT 添加友链页面">
                  <i class="fa fa-angle-left"></i> Hexo NexT 添加友链页面
                </a>
            </div>
            <div class="post-nav-item">
                <a href="/posts/2021-04-09-Install-Nextcloud-on-vultr/" rel="next" title="在 ArchLinux 上安装 Nextcloud">
                  在 ArchLinux 上安装 Nextcloud <i class="fa fa-angle-right"></i>
                </a>
            </div>
          </div>
    </footer>
  </article>
</div>






      <div class="tabs tabs-comment">
        <ul class="nav-tabs">
            <li class="tab"><a href="#comment-disqusjs">Disqus</a></li>
            <li class="tab"><a href="#comment-giscus">GitHub</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane disqusjs" id="comment-disqusjs">
              
  <div class="comments disqusjs-container">
    <noscript>Please enable JavaScript to view the comments powered by Disqus.</noscript>
  </div>
  
            </div>
            <div class="tab-pane giscus" id="comment-giscus">
              
  
  <div class="comments giscus-container">
  </div>
  
  
            </div>
        </div>
      </div>
</div>
  </main>

  <footer class="footer">
    <div class="footer-inner">

  <div class="beian"><span class="exturl" data-url="aHR0cHM6Ly9iZWlhbi5taWl0Lmdvdi5jbg=="><nopangu>冀ICP备2024063721号-1</nopangu> </span>
      <img src="/images/gongan.png" alt=""><span class="exturl" data-url="aHR0cHM6Ly9iZWlhbi5tcHMuZ292LmNuLyMvcXVlcnkvd2ViU2VhcmNoP2NvZGU9MTMwOTAyMDIwMDA3MTY="><nopangu>冀公网安备13090202000716号</nopangu> </span>
  </div>
  <div class="copyright">
    &copy; 2014 – 
    <span itemprop="copyrightYear">2024</span>
    <span class="with-love">
      <i class="fa fa-heart"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">西风冷香</span>
  </div>
<div class="wordcount">
  <span class="post-meta-item">
    <span class="post-meta-item-icon">
      <i class="fa fa-chart-line"></i>
    </span>
    <span title="站点总字数">223k</span>
  </span>
</div>
<div class="busuanzi-count">
    <span class="post-meta-item" id="busuanzi_container_site_uv">
      <span class="post-meta-item-icon">
        <i class="fa fa-user"></i>
      </span>
      <span class="site-uv" title="总访客量">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
    <span class="post-meta-item" id="busuanzi_container_site_pv">
      <span class="post-meta-item-icon">
        <i class="fa fa-eye"></i>
      </span>
      <span class="site-pv" title="总访问量">
        <span id="busuanzi_value_site_pv"></span>
      </span>
    </span>
</div>
  <div class="powered-by">由 <span class="exturl" data-url="aHR0cHM6Ly9oZXhvLmlv">Hexo</span> & <span class="exturl" data-url="aHR0cHM6Ly90aGVtZS1uZXh0LmpzLm9yZw==">NexT.Gemini</span> 强力驱动
  </div>

<div class="blog-links">
    <span class="post-meta-item moe">
      <span>
        <img src="/images/icp-moe.png" style="width:auto;height:16px;" alt="">
      </span>
      <span><span class="exturl" data-url="aHR0cHM6Ly9pY3AuZ292Lm1vZS8/a2V5d29yZD0yMDI0ODE5MQ=="><nopangu>萌ICP备20248191号</nopangu></span>
      </span>
    </span>
    <span class="post-meta-item travel-moe">
      <span><span class="exturl" data-url="aHR0cHM6Ly90cmF2ZWwubW9lL2dvLmh0bWw/dHJhdmVsPW9u"><img src="/images/travel-moe.png" style="width:auto;height:18px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！"> 异次元之旅🚀</span>
      </span>
    </span>
    <span class="post-meta-item foreverblog"><span class="exturl" data-url="aHR0cHM6Ly93d3cuZm9yZXZlcmJsb2cuY24vYmxvZy8yMDkyLmh0bWw="><img src="/images/foreverblog.png" style="width:auto;height:16px;" alt="Forever Blog"></span>
    </span>
    <span class="post-meta-item wormhole"><span class="exturl" data-url="aHR0cHM6Ly93d3cuZm9yZXZlcmJsb2cuY24vZ28uaHRtbA=="><img src="/images/wormhole.gif" style="width:auto;height:24px;" alt="" title="穿梭虫洞-随机访问十年之约友链博客"></span>
    </span>
    <span class="post-meta-item travelling"><span class="exturl" data-url="aHR0cHM6Ly93d3cudHJhdmVsbGluZ3MuY24vZ28uaHRtbA=="><img src="/images/travelling.png" alt="开往-友链接力" height="18"></span>
    </span>
  
</div>

<script>
function checkWebp(callback) {
  var img = new Image();
  img.onload = function () { callback((img.width > 0) && (img.height > 0)); };
  img.onerror = function () { callback(false); };
  img.src = '';
}
function showImage(useWebp) {
  var imgs = [].slice.call(document.querySelectorAll('img'));
  imgs.forEach(function (e) {
    if ((useWebp) && !e.classList.contains('nowebp')) {
      var src = e.getAttribute('data-src')
      if (src !== null) {
        src = src.replace(/\.jpg$/, '.webp').replace(/\.jpeg$/, '.webp').replace(/\.png$/, '.webp').replace(/\.gif$/, '.webp');
        e.setAttribute('data-src', src);
      }
      src = e.getAttribute('src')
      if (src !== null) {
        src = src.replace(/\.jpg$/, '.webp').replace(/\.jpeg$/, '.webp').replace(/\.png$/, '.webp').replace(/\.gif$/, '.webp');
        e.setAttribute('src', src);
      }
    }
  });
}
</script>
<script data-pjax async>
checkWebp(showImage);
</script>


    </div>
  </footer>

  
  <div class="toggle sidebar-toggle" role="button">
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
  </div>
  <div class="sidebar-dimmer"></div>
  <div class="back-to-top" role="button" aria-label="返回顶部">
    <i class="fa fa-arrow-up fa-lg"></i>
    <span>0%</span>
  </div>
  <div class="reading-progress-bar"></div>

<noscript>
  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>


  
  <script src="https://cdn.staticfile.net/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
  <script src="https://cdn.staticfile.net/next-theme-pjax/0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
  <script src="https://cdn.staticfile.net/medium-zoom/1.1.0/medium-zoom.min.js" integrity="sha256-ZgMyDAIYDYGxbcpJcfUnYwNevG/xi9OHKaR/8GK+jWc=" crossorigin="anonymous"></script>
  <script src="https://cdn.staticfile.net/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/sidebar.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>

  <script src="https://cdn.staticfile.net/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
<script src="/js/third-party/search/local-search.js"></script>

  <script class="next-config" data-name="pdf" type="application/json">{"object_url":{"url":"https://cdn.staticfile.net/pdfobject/2.3.0/pdfobject.min.js","integrity":"sha256-JJZNsid68vnh3/zyj0lY9BN5ynxVX/12XgOa1TlaYN0="},"url":"/lib/pdf/web/viewer.html"}</script>
  <script src="/js/third-party/tags/pdf.js"></script>






  
  <script data-pjax async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

  <script src="https://cdn.staticfile.net/firebase/10.14.1/firebase-app-compat.js" integrity="sha256-KsPwUaqMNX8FDBi2qNV4Z/We2FthlJrPIRQhOVgfXMQ=" crossorigin="anonymous"></script>
  <script src="https://cdn.staticfile.net/firebase/10.14.1/firebase-firestore-compat.js" integrity="sha256-oPdfryMK6T4WGGJbidMkl/7TIOrnkCJ8BqrOT8En2a4=" crossorigin="anonymous"></script>
  <script class="next-config" data-name="firestore" type="application/json">{"enable":true,"collection":"articles","apiKey":"AIzaSyD0AfWHrmFoKgV1x4srPQDN7rGpGclK7J4","projectId":"visitors-of-blog"}</script>
  <script src="/js/third-party/statistics/firestore.js"></script>



  

  <script class="next-config" data-name="enableMath" type="application/json">false</script><link rel="stylesheet" href="https://cdn.staticfile.net/KaTeX/0.16.9/katex.min.css" integrity="sha256-UF1fgpAiu3tPJN/uCqEUHNe7pnr+QR0SQDNfgglgtcM=" crossorigin="anonymous">
  <script class="next-config" data-name="katex" type="application/json">{"copy_tex_js":{"url":"https://cdn.staticfile.net/KaTeX/0.16.9/contrib/copy-tex.min.js","integrity":"sha256-Us54+rSGDSTvIhKKUs4kygE2ipA0RXpWWh0/zLqw3bs="}}</script>
  <script src="/js/third-party/math/katex.js"></script>


  <script src="https://cdn.staticfile.net/quicklink/2.3.0/quicklink.umd.js" integrity="sha256-yvJQOINiH9fWemHn0vCA5lsHWJaHs6/ZmO+1Ft04SvM=" crossorigin="anonymous"></script>
  <script class="next-config" data-name="quicklink" type="application/json">{"enable":true,"home":false,"archive":false,"delay":true,"timeout":3000,"priority":true,"url":"https://wangjiezhe.gitee.io/posts/2021-03-31-Notability-vs-GoodNotes-2021/"}</script>
  <script src="/js/third-party/quicklink.js"></script>
<script class="next-config" data-name="giscus" type="application/json">{"enable":true,"repo":"wangjiezhe/wangjiezhe.github.io","repo_id":"MDEwOlJlcG9zaXRvcnkxNTc4OTE0Ng==","category":"Announcements","category_id":"DIC_kwDOAPDsWs4Cdwtf","mapping":"og:title","strict":1,"reactions_enabled":1,"emit_metadata":1,"theme":"preferred_color_scheme","lang":"zh-CN","crossorigin":"anonymous","input_position":"top","loading":"lazy"}</script>

<script>
document.addEventListener('page:loaded', () => {
  if (!CONFIG.page.comments) return;

  NexT.utils.loadComments('.giscus-container')
    .then(() => NexT.utils.getScript('https://giscus.app/client.js', {
      attributes: {
        async                   : true,
        crossOrigin             : 'anonymous',
        'data-repo'             : CONFIG.giscus.repo,
        'data-repo-id'          : CONFIG.giscus.repo_id,
        'data-category'         : CONFIG.giscus.category,
        'data-category-id'      : CONFIG.giscus.category_id,
        'data-mapping'          : CONFIG.giscus.mapping,
        'data-strict'           : CONFIG.giscus.strict,
        'data-reactions-enabled': CONFIG.giscus.reactions_enabled,
        'data-emit-metadata'    : CONFIG.giscus.emit_metadata,
        'data-theme'            : CONFIG.giscus.theme,
        'data-lang'             : CONFIG.giscus.lang,
        'data-input-position'   : CONFIG.giscus.input_position,
        'data-loading'          : CONFIG.giscus.loading
      },
      parentNode: document.querySelector('.giscus-container')
    }));
});
</script>
<link rel="stylesheet" href="https://cdn.staticfile.net/disqusjs/3.0.2/styles/disqusjs.css" integrity="sha256-71XarXwNr1Td27HmZI9zjY+rMzRdush6/glo6VFXp7o=" crossorigin="anonymous">

<script class="next-config" data-name="disqusjs" type="application/json">{"enable":true,"api":"https://disqusjs.wangjiezhe.com/","apikey":"ENTX2OPfWXIYJpFIZ1WVpYt4F0Ri0PLUELMOCbM8HHIX9C9BqEbkBZWmK7lqKj7F","shortname":"wangjiezhe","js":{"url":"https://cdn.staticfile.net/disqusjs/3.0.2/disqusjs.es2015.umd.min.js","integrity":"sha256-okP99ZQKVpIy7+NogAMpGlIQzJa9XKXhIJcFgdju5bU="}}</script>
<script src="/js/third-party/comments/disqusjs.js"></script>



  <script async src="/js/cursor/fireworks.min.js" integrity="sha256-NVjeK0/Qni9W+mCWpzpw6IZTieyhLZJ5Kj4hdFjqSQc=" crossorigin="anonymous"></script>



<script src="/live2dw/lib/L2Dwidget.min.js?02887b17076210cf9f6ed81f0eed64e3"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/mikoto.model.json"},"display":{"position":"left"},"mobile":{"show":false},"log":false});</script></body>
</html>
